<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<style>  
    /* 为列表容器添加样式 */  
    .mathbook-list {  
        /*border: 2px solid #000; /* 外部边框 */  
        padding: 10px; /* 内部填充 */  
        width: 300px; /* 列表宽度 */  
        margin: 20px auto; /* 居中并设置外部边距 */  
    }  
  
    /* 自定义列表项样式 */  
    .mathbook-list ul {  
        list-style-type: none; /* 去除默认的列表项符号 */  
        padding: 0; /* 去除默认的填充 */  
    }  
  
    .mathbook-list li {  
        border-bottom: 1px solid #ccc; /* 为每个列表项添加底部边框 */  
        padding: 8px; /* 列表项内填充 */  
        margin-top: 2px; /* 列表项之间的额外空间 */ 
        text-align: center;
        border-radius: 20px;
    }  
  
    /* 可选：为列表项添加背景色，模拟数学本的纸张效果 */  
    .mathbook-list li:nth-child(even) {  
        background-color: #f2f2f2; /* 为偶数项添加浅灰色背景 */  
    }
    .image-container {  
    display: flex; /* 设置为Flex容器 */  
    justify-content: center; /* 水平居中 */  
    align-items: center; /* 垂直居中 */  
    height: 100%; /* 或者您想要的任何固定高度 */  
    /* 如果需要，可以添加宽度 */  
    }  
  
    .image-container div {  
    /* 这个内部的div在这里可能不是必需的，除非您有特定的理由需要它 */  
    /* 如果不需要，可以直接将img标签放在.image-container下 */  
    }  
  
    .image-container img {  
    /* 保持您的宽度和高度设置，或者根据需要调整 */  
    width: 300px;  
    height: 300px;  
    }  
</style> 
<div>
<div class="image-container"> 
    <div>
        <img src="static/images/20240831.png" alt="" style="width:200px; height:200px;"/>
    </div>
</div>
<div class="mathbook-list">
    <ul>
        <li><a href="/?pages_22/">相册</a></li>
        <li><a href="/?pages_23/">备忘录</a></li>
        <li><a href="http://3962diy.twj123.com/index.php?r=home/html5/logoff&unid= 176214">注销账户</a></li>
        <!--<li><a href="">意见回馈</a></li>-->
        <li><a href="https://cs.zw8.net/api/?soft-prurl-3962.html">隐私政策</a></li>
        <li><a href="https://cs.zw8.net/api/?soft-srurl-3962.html">服务协议</a></li>
        <li><a href="http://3962diy.twj123.com/index.php?r=home/html5/logout&unid=176214">退出登录</a></li>
    </ul>
</div>
</div>
</body>
</html>